.content {
  background: #64c842;
  width: 200px;
  height: 200px;
}
.react {
  width: 200px;
  height: 200px;
  float: left;
  margin-right: 20px;
  background: url('../images/react.png');
  background-size: cover;
}
.vue {
  width: 200px;
  height: 200px;
  float: left;
  background: url('../images/vue.png');
  background-size: cover;
}
.font {
  font-size: 100px;
  color: aqua;
  transition: 1s all ease;
  display: inline-block;
  transform: rotate(0deg);
  border: 1px solid red;
  overflow: hidden;
}
.font:hover {
  transform: rotate(360deg);
  font-size: 200px;
  border-radius: 50%;
  border: 10px solid blue;
  color: pink;
}
